@font-face {
    font-family: 'iconfont';  /* project id 787342 */
    src: url('//at.alicdn.com/t/font_787342_mluktf9ckvq.eot');
    src: url('//at.alicdn.com/t/font_787342_mluktf9ckvq.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_787342_mluktf9ckvq.woff2') format('woff2'),
    url('//at.alicdn.com/t/font_787342_mluktf9ckvq.woff') format('woff'),
    url('//at.alicdn.com/t/font_787342_mluktf9ckvq.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_787342_mluktf9ckvq.svg#iconfont') format('svg');
  }
  .iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
  }
  /* 头部分享有礼的标题 */
.pageTitle{
      display:flex;
      padding:8px 16px;
      justify-content: space-between;
      align-items: center;
  }
  .pageTitle .pageTitleText{
      font-size:18px;
      font-weight: bold;
  }
  .pageTitle .pageTitleInfo {
      margin-left:10px;
      color:#1e9fff;
      font-size:14px;
      font-weight: normal;
  }
.shareActivitySetting .layui-form-label{
    width:130px;
}
.shareRuleSetting .title{
    font-size: 16px;
    color:#333;
    font-weight: bold;
}
.conditionItem{
    display: flex;
    margin-top:16px;
}
.conditionItem .itemRight{
    padding: 10px;
    background:#f7f7f7;
}
.conditionItem .itemRight p{
    padding:6px 0px;
}
.conditionItem .itemRight p.item-right-title{
    color:#333;
    font-size:16px;
    font-weight: bold;
}
.conditionItem .itemRight .layui-input-inline{
   padding-left:20px;
}
.conditionItem .itemRight .layui-unselect{
    margin-top:0px;
}
.conditionItem>div .iconfont {
    color: #aaa;
    font-size:40px;
    cursor:pointer;
}
.conditionItem>div .active.iconfont {
    color: #60B878;
    font-size:40px;
    cursor:pointer;
}
.conditionItem>.itemRight .iconfont {
    font-size:14px;
}

.conditionItem>.itemLeft{
    width:100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.conditionItem>.itemRight{
    flex:1;
    min-height:50px;
    align-items: center;
    justify-content: center;
}
/* 分享对象下单条件 */
.sharePersonOrderCondition{
    padding:14px 80px 0px 80px;
}
.sharePersonOrderCondition .layui-form-item{
    margin-bottom:0px;
    padding-bottom:10px;
    border-bottom:1px solid #ccc;
}
.sharePersonOrderCondition .layui-form-item .layui-form-checkbox[lay-skin=primary]{
    margin-top:0px;
}
/* 订单含指定商品 */
.orderIncludeGoods {
    padding:14px 80px 10px 115px;
}
/* 奖励礼包礼品设置 */
.gift-bag-setting{
    padding-left:78px;
}
/* 分享次数限制 */
.share-count-limit {
    display:flex;
    padding-left:110px;
    padding-top:10px;
}
.share-count-limit>div:first-child{
    height:38px;
    line-height:38px;
}
.share-count-option{
    width:600px;
}
.setting-wrap-head{
    padding-left:30px;
}
.setting-wrap .setting-wrap-body{
    padding-right:80px;
}
/* 共用 */
.text-bold, .layui-form-label.text-bold{
    font-weight: bold;
}
.margin-left-20{
    margin-right:20px;
}
.layui-input.table-input{
    text-align:center;
    height:28px;
    line-height:28px;
}
.layui-input.inline-input{
    display:inline-block;
    width:100px;
}
.margin-top-10{
    margin-top:10px;
}
.layui-table td, .layui-table th {
    position: relative;
    padding: 9px 0;
    min-height: 20px;
    line-height: 20px;
    font-size: 14px;
}
.center-d{
    display:flex;
    justify-content: center;
    align-content: center;
}

/* 弹层样式 */
body .cancel-and-sure .layui-layer-btn{
    padding-top:0px;
}
body .cancel-and-sure .layui-layer-btn .layui-layer-btn0{
    background:#fff;
    color:#999;
    border:1px solid #ccc;
    margin-right:26px;
}
body .cancel-and-sure .layui-layer-btn .layui-layer-btn1{
    background:#1e9fff;
    color:#fff;
    border:1px solid #1e9fff;
}

/* 每月循环的弹出层样式 */
.use-mouth-loop .custom-date{
    background-color: #f9f9f9;
    width: 240px;
    margin-top: 10px;
    padding-bottom: 10px;
    position: absolute;
    top:30px;
    left: 0;
    z-index: 1000;
}
.use-mouth-loop .custom-date .btn{
    display: flex;
    padding: 0 10px;

}
.use-mouth-loop .custom-date .btn button{
    flex: 1;
}
.use-mouth-loop .custom-date ul{
    display: flex;
    flex-wrap: wrap;
    padding: 10px 0;
}
.use-mouth-loop .custom-date ul li{
    width: 40px;
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
    cursor: pointer;
}
.use-mouth-loop .custom-date ul a{
    display: block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    background-color: #fff;
    border-radius: 20px;
    text-align: center;
}
.use-mouth-loop .custom-date ul a.active{
    color: #fff;
    background-color: #5cb85c;
}
.use-mouth-loop .finish-choose{
    display: flex;
    align-items: center;

}
.use-mouth-loop .choose-result{
    padding: 0 10px;
    background-color: #5cb85c;
    border-radius: 5px;
    justify-content: center;
    margin:0 8px;
    color: #fff;
    display: flex;
    align-items: center;
    min-width: 52px;
}
.use-mouth-loop .choose-box .choose-result{
    margin-bottom: 5px
}
.use-mouth-loop .finish-choose{
    display: flex;
    align-items: center;

}
.use-mouth-loop .choose-result{
    padding: 0 10px;
    background-color: #5cb85c;
    border-radius: 5px;
    justify-content: center;
    margin:0 8px;
    color: #fff;
    display: flex;
    align-items: center;
    min-width: 52px;
}
.use-mouth-loop .choose-box .choose-result{
    margin-bottom: 5px;
}
.use-mouth-loop .goods-limit{
    display: flex;
    align-items: center;
}
.use-mouth-loop .goods-limit input{
    width: 100px;
    margin: 0 10px;
}
.use-mouth-loop  .goods-limit-label{
    width: 200px;
    white-space:nowrap;
    overflow:hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.use-mouth-loop .choose-box{
    width: 600px;
    display: flex;
    flex-wrap: wrap
}

/* 分享页面ui配置 */
.share-page-ui-wrap {
    display:flex;
    padding:10px 20px;

}
.show-ui{
    width: 375px;
    height:877px;
    border:1px solid #aaa;
    position: relative;
}
.share-page-ui-wrap .show-ui-head{
    height:60px;
    line-height:80px;
    background:url(http://xiaowei.xy-asia.com/Public/User/Addons/MiniProgram/widget_config/images/head.png);
    background-size:100%;
    text-align:center;
}
.share-page-ui-wrap .show-ui-member-car{
    height:230px;
    background:#ccc;
    display: flex;
    justify-content: center;
    align-items: center;

}
.share-page-ui-wrap .show-ui-member-car img{
    width:100%;
}
.share-page-ui-wrap .show-ui-set-options{
    overflow:auto;
}
.share-page-ui-wrap .show-ui-set-options>div:nth-child(1){
    background:#fff;
    border-top-left-radius:6px;
    border-top-right-radius:6px;
}
.share-page-ui-wrap .show-ui-set-item{
    border-radius:6px;
    background: #fff;
    margin-bottom:16px;
}
.share-page-ui-wrap .show-ui-text-fun{
    display:flex;
    flex-direction: column;
    width:160px;
    height:877px;
    &>div{
        display:flex;
        justify-content: center;
        align-content: center;
        &>div{
            display: inline-block;
            align-self: center;
            padding:10px 16px;
            border-radius:6px;
            span{
                padding:10px;
                background:#eee;
                border-radius:5px;
            }
        }
    }
}

// 添加会员群体的弹出层的样式
.member-popup-wrap{
    position: absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    padding:16px 24px;
    &>p:nth-child(1){
        font-size: 16px;
        font-weight: bold; 
        padding-bottom:5px;
    }
    .add-member-group-wrap{
        border-radius:8px;
        background:#eee;
        .add-member-group-item{
            margin-top:10px;
            padding:10px 16px;
            cursor: pointer;
            &>p:nth-child(1){
                font-size:16px;
                padding:0px 0px 4px 0px;
            }
        } 
    }
    .active{
        background:#1e9fff;
        color:#fff;
        border-radius:8px;
    }
}

// 配置里的样式
.flex-two{
    display:flex;
}
.flex-two-color{
    display:flex;
    align-items: center;
    padding:4px 16px;
    &>div:nth-child(1){
        flex:1;
    }
    &>div:nth-child(2){
        width:38px;
        align-self: center;
    }
}
.flex-two-select{
    display:flex;
    align-items:center;
    padding:4px 16px;
    &>div:nth-child(1){
        flex:1;
    }
    &>div:nth-child(2){
        width:80px;
        height:30px;
        align-self: center;
        .layui-input{
            height:30px;
        }
    }
}
.flex-two-column {
    display:flex;
    padding:4px 16px;
    flex-direction: column;
    &>div:nth-child(1){
        padding:8px 0px;
    }
    &>div:nth-child(2){
        padding:0px 0px 8px 0px;
    }
}
.flex-two-slider {
    display:flex;
    padding:4px 16px;
    flex-direction: column;
    &>div:nth-child(1){
        padding:8px 0px;
    }
    &>div:nth-child(2){
        display:flex;
        flex-direction: row;
        padding:0px 0px 8px 0px;
        align-items: center;
        &>div:nth-child(1){
            flex:1;
        }
        &>div:nth-child(2){
            width:80px;
        }
    }
}
.border-border-bottom-1px{
    border-bottom:1px solid #ccc;
}
.border-padding-bottom-8px{
    padding-bottom:8px;
}
.set-title{
    height:40px;
    padding-left:10px;
    line-height:40px;
    background:#ccc;
}
.set-info{
    padding:10px;
    border-bottom:1px solid #999;
}
.set-upload-img{
    padding:10px;
    &>div:nth-child(2){
        &>div:nth-child(1){
            flex:1;
        }
        &>div:nth-child(2){
            width:120px;
            display:flex;
            justify-content: center;
            align-items: center;
        }
    }

}
.show-ui-config{
    display:flex;
    flex-direction: column;
    margin-left:20px;
    width:380px;
    height:877px;
    border:1px solid #aaa;
    .show-ui-config-body{
        flex:1;
        overflow:auto;
        // 配置样式

    }
    .show-ui-config-bottom{
        height:50px;
        display:flex;
        border-top:1px solid #ccc;
        cursor:pointer;
        &>div{
            width:33.33%;
            display:flex;
            justify-content: center;
            align-items: center;
        }
        &>div:hover{
            background:#1e9fff;
            color:#fff;
        }
        &>div:nth-child(2){
            border-left:1px solid #ccc;
            border-right:1px solid #ccc;
        }
        &>div:nth-child(3){
            flex:1;
        }
    }
}
/* 卡券里的样式 */
.show-ui-item-click{
    position: relative;
}
.show-ui-item-click.active{
    border:1px dashed #1e9fff;
}
.activity-rule-style{
    border-radius:6px;
    padding:10px 6px 6px 10px;
}
.show-ui-set-item{
    padding:16px;
    box-shadow: 0px 0px 8px #ccc;
    &>p:nth-child(1){
        text-align:center;
        font-size:16px;
        font-weight: bold;
    }
    &>p:nth-child(2){
        text-align:center;
    }
    .coupon-item{
        position: relative;
        border-radius:5px;
        .coupon-item-wrap{
            display:flex;
            border:1px solid #FFD4CB;
        }
        .coupon-item-wrap-left{
            flex:1;
            display:flex;
            padding:10px 0px 10px 10px;
            overflow:hidden;
            .coupon-item-icon{
                width:20px;
                padding-bottom:10px;
                align-self: flex-end;
                &>div{
                    width:20px;
                    height:20px;
                    border-radius:50%;
                    text-align:center;
                    line-height:20px;
                }
            }
            .coupon-item-money{
                width:50px;
                font-size:46px;
                font-weight:bold;
                align-self: center;
                color:#FF7458;
            }
            .coupon-item-info{
                flex:1;
                display:flex;
                flex-direction: column;
                justify-content: center;
                div{
                    align-self: center;
                }
                &>div:nth-child(1){
                    font-size:20px;
                    font-weight: bold;
                    color:#FF7458;
                }
                &>div:nth-child(2){
                    color:#999;
                }
            }
        }

        .coupon-item-wrap-right{
            width:70px;
            height:90px;
            line-height:69px;
            font-size:16px;
            letter-spacing:4px;
            font-weight: bold;
            background:#FF7458;
            color:#FFEAE6;
            writing-mode:lr-tb;
            writing-mode: vertical-lr;
            display:flex;
            justify-content: center;
        }
    }
    //渐变卡券的样式
    .coupon-gradient-item{
        .coupon-gradient-item-wrap{
            display:flex;
            height:105px;
            background:url(../../img/gradient.png) no-repeat;
            background-size: 313px 110px;
            &>div:nth-child(1){
                box-sizing: border-box;
                width:95px;
                padding:20px 10px 20px 10px;
                color:#fff;
                display: flex;
                justify-content: center;
                &>div:nth-child(1){
                   align-self: flex-end;
                }
                &>div:nth-child(2){
                    font-size:50px;
                    font-weight:bold;
                    align-self: center;
                }
            }
            &>div:nth-child(2){
                flex:1;
                padding:10px 20px 10px 0px;
                display:flex;
                flex-direction: column;
                justify-content: center;
                text-align: right;
                color:#fff;
                &>div:nth-child(1){
                    font-size:18px;
                    padding-bottom:2px;
                }
                &>div:nth-child(2){
                    font-size:14px;
                }
                &>div:nth-child(3){
                    font-size:14px;
                }

            }
        }
    }
    // 卡券邀请记录的样式
    .inviter-record{
        display: flex;
        .portrait{
            width:50px;
            height:50px;
            border-radius:50%;
            overflow:hidden;
            img{
                width:100%;
                height:100%;
            }
        }
        .inviter-info{
            padding:0px 16px;
        }
    }
    // 优惠券上的修饰
    // .embellish-circle{
    //     position:absolute;
    //     top:37px;
    //     left:-8px;
    //     width:16px;
    //     height:16px;
    //     border-left: none;
    //     border-radius:50%;
    //     border:1px solid #FFD4CB;
    //     background:#fff;
    // }
}
    // 活动规则
    .activity-rule{
        p{
            color:666;
        }
    }
    // 底部的按钮
    .coupon-bottom-btn{
        position: absolute;
        bottom:0px;
        left:0px;
        right:0px;
        padding:8px;
        background:#fff;
        div{
            width:80%;
            text-align:center;
            padding:6px;
            border-radius:15px;
            color:#fff;
            background:#1e9fff;
        }
    }